<!DOCTYPE html>
<!--引入thymeleaf模板-->
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主界面</title>
  <link rel="stylesheet" href="./css/iconfont.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/mobile.css">

</head>

<body>
  <div class="layui-fliud">
    <div class="layui-row">
      <nav class="layui-col-sm3 layui-col-xs9" id="nav">
        <div class="mobileshow layui-show-xs-block layui-hide-sm">
          <p>嘀嘀嘀备忘录</p>
          <a href="javascript:;" class="iconfont">&#xe747;</a>
        </div>
        <ul class="nav-bd">
          <li><a href="javascript:;" class="tabs user"><i><img src="./img/user.png" alt=""></i><span>ysgg最牛逼</span></a>
          </li>
          <li><a href="javascript:;" class="tabs loginbtn">登录</a></li>
          <li><a href="javascript:;" class="tabs">我的一天</a></li>
          <li><a href="javascript:;" class="tabs">重要</a></li>
          <li><a href="javascript:;" class="tabs">已计划日程</a></li>
          <li><a href="javascript:;" class="tabs">任务</a></li>
        </ul>
      </nav>
      <div class="layui-col-sm9 layui-col-xs12" id="main">
        <h1>欢迎来到嘀嘀嘀备忘录</h1>
      </div>
    </div>
    <div class="user-login-register ">
      <div class="login">
        <h4>登录</h4>
        <a href="javascript:;" class="iconfont icon-close close"></a>
        <div class="login-register-bd">
          <div class="layui-clear input-item">
            <label for="uname" class="iconfont icon-bussiness-man"></label>
            <input type="text" name="uname" placeholder="用户名/邮箱" />
            <div class="input-item-error"></div>
          </div>
          <div class="layui-clear input-item">
            <label for="pwd" class="iconfont icon-password"></label>
            <input type="password" name="pwd" placeholder="密码" />
            <div class="input-item-error"></div>
          </div>
          <div>
            <a href="javascript:;" class="submit input-item">登录</a>
          </div>
        </div>
        <div class="login-register-link">
          <span>还没有注册？点此<a href="javascript:;" class="register-link">免费注册</a>！</span>
          <span><a href="">忘记密码</a></span>
        </div>
      </div>
      <div class="register">
        <h4>注册</h4>
        <a href="javascript:;" class="iconfont icon-close close"></a>
        <div class="login-register-bd">
          <div class="layui-clear input-item">
            <label for="uname" class="iconfont icon-bussiness-man"></label>
            <input type="text" name="uname" placeholder="设置您的用户名..." />
            <div class="input-item-error"></div>
          </div>
          <div class="layui-clear input-item">
            <label for="uemail" class="iconfont icon-email"></label>
            <input type="text" name="uemail" placeholder="设置您的邮箱..." />
            <div class="input-item-error"></div>
          </div>
          <div class="layui-clear input-item">
            <label for="phone" class="iconfont icon-mobile-phone"></label>
            <input type="text" name="phone" placeholder="设置您的手机号..." />
            <div class="input-item-error"></div>
          </div>
          <div class="layui-clear input-item">
            <label for="pwd" class="iconfont icon-password"></label>
            <input type="password" name="pwd" placeholder="设置您的密码..." />
            <div class="input-item-error"></div>
          </div>
          <div class="layui-clear input-item">
            <label for="checkPwd" class="iconfont icon-password"></label>
            <input type="password" name="checkPwd" placeholder="再一次确认您的密码..." />
            <div class="input-item-error"></div>
          </div>
          <div class="input-item">
            <a href="javascript:;" class="submit">注册</a>
          </div>
        </div>
        <div class="login-register-link">
          <span>已有账号？<a href="javascript:;" class="login-link">点此登录</a>！</span>
          <span>点我试试<a href="javascript:;" class="mmd">么么哒</a></span>
        </div>
      </div>
      <div class="mask"></div>

    </div>

  </div>
  <script src="./js/jquery.js"></script>
  <script src="./js/mobile.js"></script>
  <script src="./js/router.js"></script>
  <script src="./js/style.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>